// Element Plus 后台组件样式
.el-menu {
  --el-menu-bg-color: var(--admin-menu-bg);
  --el-menu-text-color: var(--admin-menu-text);
  --el-menu-hover-bg-color: var(--admin-menu-hover);
  --el-menu-active-color: var(--admin-menu-active);
}

.el-button {
  --el-button-bg-color: var(--admin-bg-secondary);
  --el-button-text-color: var(--admin-text);
  --el-button-border-color: var(--admin-border);
  --el-button-hover-bg-color: var(--admin-menu-hover);
  --el-button-hover-text-color: var(--admin-primary);
}

.el-input {
  --el-input-bg-color: var(--admin-bg-secondary);
  --el-input-text-color: var(--admin-text);
  --el-input-border-color: var(--admin-border);
  --el-input-hover-border-color: var(--admin-primary);
}

.el-select {
  --el-select-border-color-hover: var(--admin-primary);
  --el-select-input-focus-border-color: var(--admin-primary);
}

.el-dropdown-menu {
  --el-dropdown-menu-bg-color: var(--admin-bg);
  --el-dropdown-menu-text-color: var(--admin-text);
  --el-dropdown-menu-hover-bg-color: var(--admin-menu-hover);
  --el-dropdown-menu-hover-text-color: var(--admin-primary);
}

.el-card {
  --el-card-bg-color: var(--admin-bg);
  --el-card-border-color: var(--admin-border);
}

.el-table {
  --el-table-bg-color: var(--admin-bg);
  --el-table-tr-bg-color: var(--admin-bg);
  --el-table-border-color: var(--admin-border);
  --el-table-text-color: var(--admin-text);
  --el-table-header-bg-color: var(--admin-bg-secondary);
}

.el-dialog {
  --el-dialog-bg-color: var(--admin-bg);
  --el-dialog-border-color: var(--admin-border);
  --el-dialog-title-color: var(--admin-text);
  --el-dialog-content-color: var(--admin-text);
}

.el-message {
  --el-message-bg-color: var(--admin-bg);
  --el-message-border-color: var(--admin-border);
  --el-message-text-color: var(--admin-text);
}

.el-notification {
  --el-notification-bg-color: var(--admin-bg);
  --el-notification-border-color: var(--admin-border);
  --el-notification-title-color: var(--admin-text);
}

// 重写tooltip样式，确保文字在任何主题下都清晰可见
.el-tooltip__popper.is-light {
  background-color: var(--admin-tooltip-bg) !important;
  border-color: var(--admin-tooltip-border) !important;
  color: var(--admin-tooltip-text, var(--admin-text)) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  padding: 10px !important;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !important;
  max-width: 300px !important;
  word-break: break-all !important;
  
  .el-popper__arrow::before {
    background-color: var(--admin-tooltip-bg) !important;
    border-color: var(--admin-tooltip-border) !important;
  }
}

// 表格tooltip样式优化
.el-table {
  .cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .el-tooltip__trigger {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

// Tab样式优化
.el-tabs {
  --el-tabs-header-height: 40px;

  .el-tabs__header {
    border-bottom-color: var(--admin-border);
    margin-bottom: 20px;
  }

  .el-tabs__nav-wrap::after {
    background-color: var(--admin-border);
    height: 1px;
  }

  .el-tabs__item {
    color: var(--admin-text);
    height: 40px;
    line-height: 40px;
    font-size: 14px;

    &:hover {
      color: var(--admin-primary);
    }

    &.is-active {
      color: var(--admin-primary);
      font-weight: 500;
    }
  }

  .el-tabs__active-bar {
    background-color: var(--admin-primary);
    height: 2px;
  }
}

// 表格内容溢出处理和tooltip样式
.el-table {

  // 表格单元格溢出处理
  .el-table__cell {
    .cell {
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-word;

      .el-tooltip__trigger {
        width: 100%;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }

    &.el-table__cell--ellipsis {
      .cell {
        white-space: nowrap;
      }
    }
  }

  // 表格tooltip样式增强
  &.show-overflow-tooltip {
    .el-tooltip__trigger {
      width: 100%;
    }
  }
}